import { View } from 'react-native'
import React from 'react'
import { Tab, TabView, Text } from '@rneui/themed'
import { useState } from 'react'

export default function myTab() {
  // 状态变量，记录下标
  const [index, setIndex] = useState(0)
  return (
    <>
      <Tab
        value={index}
        // btn.onclick = setIndex
        // onChange={setIndex} //简写形式
        onChange={(e) => setIndex(e)}
        // variant='primary'
        // 指示器的样式
        indicatorStyle={{
          backgroundColor: '#090'
        }}
      >
        <Tab.Item 
          title='商品'
          titleStyle={{
            color: '#000',
            fontWeight: 'bold'
          }}
         />
        <Tab.Item title='评价' />
        <Tab.Item title='介绍' />
      </Tab>
      <TabView
        value={index}
        onChange={setIndex}
      >
        <TabView.Item>
          <Text h1>这是商品。。</Text>
        </TabView.Item>
        <TabView.Item>
          <Text h1>这是评价</Text>
        </TabView.Item>
        <TabView.Item>
          <Text h1>这是介绍</Text>
        </TabView.Item>
      </TabView>
    </>
  )
}